<template>
  <div>
   <Navbar :navtitle="titles"></Navbar>
      <div class="phone">
             <img src="../assets/tabbar/ic_my_selected.png" alt="">
            <input type="phone" placeholder="当前密码"  v-model="nowmima">
      </div>
 <div class="phonee">
             <img src="../assets/tabbar/ic_my_selected.png" alt="">
             <input type="password" placeholder="新密码">
  </div>
        <div class="bottom-body">
          <p>确定</p>
      </div>
  </div>
</template>

<script>
import Navbar from '@/components/Navbar'
import qs from 'qs'
export default {
    components:{
        Navbar
    },
data(){
    return {
        titles:"修改密码",
        nowmima:""
    }
},
watch:{
    nowmima(val){
          console.log(val)
    }
},
methods:{
                encapsulation(){
            this.$http.post('https://web-gateway.newbeescm.com/b2b-app-web/user/getUpdatePhoneCode',qs.stringify({
               phone:this.$store.state.userInfo.phone,
            }),          {
            headers: {
              token: this.$store.state.token,
              userId: this.$store.state.userInfo.id
            }
          }
            )
            .then(res=>{
                console.log(res)
                if(res.data.status.statusCode === 0){
                    console.log('已发送')
                }else{
                    console.log(res.data.status.statusReason)
                }
            })
            .catch(err=>{
                console.log(err)
            })
      },

},
mounted(){

}
}

</script>
<style lang="scss" scoped>
.bottom-body{
    margin:0.29rem 0.33rem 0 0.33rem;
    height: 0.44rem;
  //  margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DD3333;
    p{
        font-size: 0.18rem;
        color: #FFFFFF;
    }
}
.phonee{
    position: relative;
}
.phone,.phonee{
    div{
        font-size: 0.14rem;
       color: #DD3333;
       position: absolute;
       bottom: 0.05rem;
       right: 0.1rem;
    }
    img{
        height: 0.26rem;
        width: 0.26rem;
        margin-right: 0.177rem;
    }
    input{
        border: 1px solid transparent;
    }
    display: flex;
    align-items: center;
    padding: 0.09rem 0;
   margin:0 0.33rem ;
    border-bottom: 1px solid #ccc;
}
.phone{
     margin-top:0.75rem;
}
</style>
